@font-face {
    font-family: "iconfont"; /* project id 1695817 */
    src: url("//at.alicdn.com/t/font_1695817_8g4q47k82e.eot");
    src: url("//at.alicdn.com/t/font_1695817_8g4q47k82e.eot?#iefix")
        format("embedded-opentype"),
      url("//at.alicdn.com/t/font_1695817_8g4q47k82e.woff2") format("woff2"),
      url("//at.alicdn.com/t/font_1695817_8g4q47k82e.woff") format("woff"),
      url("//at.alicdn.com/t/font_1695817_8g4q47k82e.ttf") format("truetype"),
      url("//at.alicdn.com/t/font_1695817_8g4q47k82e.svg#iconfont") format("svg");
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 25px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
//   头部区域
.g-head {
    display: flex;
    border-bottom: 0.03rem solid #ccc;
    padding: 0.2rem .1rem 0.2rem 0.1rem;
    div:nth-child(1) {
      flex: 1;
    }
    div:nth-child(2) {
      flex: 1;
      text-align: center;
    }
    div:nth-child(3) {
      flex: 1;
    }
  }
//   详情具体内容
.g-message {
    border: 1px solid #ccc;
    .g-limit {
        background-color: #ccc;
        text-align: center;
        border-bottom: .1rem solid #ccc;
        div:nth-child(1) {
            padding-top: .3rem;
            color: grey;
        }
        div:nth-child(2) {
            margin-top: .1rem;
            font-size: .8rem;
        }
        div:nth-child(3) {
            margin-top: .1rem;
            margin-bottom: .3rem;
            color:grey;
        }
      }
    .g-message-detail {
        .g-message-money {
            display: flex;
            padding: .2rem .2rem .1rem .2rem;
            div:nth-child(1) {
                flex: 1;
            }
            div:nth-child(2) {
                flex: 1;
                text-align: right;
            }
        }
        .g-message-payedMoney {
            display: flex;
            padding: .2rem .2rem .1rem .2rem;
            div:nth-child(1) {
                flex: 1;
            }
            div:nth-child(2) {
                flex: 1;
                text-align: right;
            }
        }
        .g-message-payedInterest {
            display: flex;
            padding: .2rem .2rem .1rem .2rem;
            div:nth-child(1) {
                flex: 1;
            }
            div:nth-child(2) {
                flex: 1;
                text-align: right;
            }
        }
        .g-message-payedDefaultInterest {
            display: flex;
            padding: .2rem .2rem .1rem .2rem;
            div:nth-child(1) {
                flex: 1;
            }
            div:nth-child(2) {
                flex: 1;
                text-align: right;
            }
        }
        .g-message-date {
            display: flex;
            padding: .2rem .2rem .1rem .2rem;
            div:nth-child(1) {
                flex: 1;
            }
            div:nth-child(2) {
                flex: 1;
                text-align: right;
            }
        }
        .g-message-count {
            display: flex;
            padding: .2rem .2rem .2rem .2rem;
            div:nth-child(1) {
                flex: 1;
            }
            div:nth-child(2) {
                flex: 1;
                text-align: right;
            }
        }
    }
}